<template>
    <div class="rightContent">
        <RightOne/>
        <RightTwo/>
        <RightThree/>
        <RightFour/>
    </div>
</template>

<script>
import RightOne from './components/RightOne'
import RightTwo from './components/RightTwo'
import RightThree from './components/RightThree'
import RightFour from './components/RightFour'

export default {
    components:{
        RightOne,
        RightTwo,
        RightThree,
        RightFour,
    }
}
</script>

<style lang="stylus" scoped>
    @import '../../assets/css/varibles.styl'
    .rightContent
        width:vw(530)
        height:vh(950)
        position:absolute
        right:vw(7)
        top:vh(112)
        z-index:100
        background:rgba(1,23,64,.3)
        display:flex
        flex-direction :column
        justify-content:space-between
</style>